﻿<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>Game Lobby</title>
    <link rel="stylesheet" type="text/css" href="boxes.css" />
    <link rel="stylesheet" type="text/css" href="game-lobby.css" />

    <script type="text/javascript" src="jquery-1.10.2.js"></script>
    <script type="text/javascript" src="boxes.js"></script>
    <script type="text/javascript" src="game-lobby.js"></script>
</head>
<body>
    <div id="header">
        <div id="inner-header">
            <span id="caption">Game Lobby</span>
            <span id="login-container" title="Change user">Thomas
            </span>
        </div>
    </div>
    <div id="body-container">
        <div id="menu">
            <ul>
                <li id="connect">CONNECT</li>
                <li id="create-room">CREATE ROOM</li>
            </ul>
        </div>
        <div id="lobby">
            <div id="user-list-container">
                <div class="caption">User List</div>
                <div class="content">
                    <ul>
                    </ul>
                </div>
            </div>
            <div id="room-container">
            </div>
        </div>
        <div id="game-panel">
            <div class="header">
                <ul>
                    <li id="quit-game-panel">Quit</li>
                </ul>
            </div>
            <div class="game-pool">
                <table>
                    <tr>
                        <td>
                            <div id="self-box" class="game-container">
                            </div>
                        </td>
                        <td>
                            <div id="user-game-1" class="game-container">
                            </div>
                        </td>
                        <td>
                            <div id="user-game-2" class="game-container">
                            </div>
                        </td>
                        <td>
                            <div id="user-game-3" class="game-container">
                            </div>
                        </td>
                    </tr>
                </table>

            </div>
        </div>
    </div>
</body>
</html>
